<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script type="text/javascript" th:src="@{/jquery/jquery-1.11.1-min.js}"></script>
<body>
登录页面
<form action="/user/login" method="post">

用户名:<input type="text" id="username" name="username" /> <br>
用户密码:<input type="password" id="password" name="password" /><br>

<input type="submit" value="登录" id="login">
    <input type="button" value="注册" id="registry2">
</form>





<script>
    $(function (){


        $("#login").click(function (){
            var username = $("#username").val()
            var password = $("#password").val()
console.log(username)
            if (username==""){
                alert("用户名不能为空");

            }
            if (password==""){
                alert("密码不能为空");
            }

            login();


        })

        $("#registry2").click(function () {
       window.location.href="http://localhost:8080/user/registry2"
        })



        // function login () {
        //     var username = $("#username").val()
        //     var password = $("#password").val()
        //     // var email = $("#email").val()
        //     $.ajax({
        //         url: "/user/login",
        //         type: "post",
        //         data: {
        //             "username": username,
        //             "password": password
        //             // "email":email
        //         },
        //         dataType: "text",
        //         success: function (data) {
        //             if (data=="登录成功"){
        //                alert("登录成功")
        //                 location.href="http://localhost:8080/"
        //             }
        //             else {
        //                 alert("账号密码错误");
        //             }
        //         },
        //
        //     })
        // }

        //注册 ,因为使用template 只能通过这种方式访问controller 来跳转页面
        // function registry2 () {
        //
        //     $.ajax({
        //         url: "/user/registry2",
        //         type: "post",
        //         data: {
        //
        //         },
        //         dataType: "json",
        //         success: function (data) {
        //
        //         },
        //
        //     })
        // }


    })
</script>
</body>
</html>